<script setup>
import { ref } from 'vue'
const clubSearchData = ref({
  communityNumber:'',
  communityName:'',
  societyMinister:''
})
const handlerSearch = () => {}
const handlerReset = () => {}
</script>

<template>
  <div>
    <!-- 搜索 -->
    <div class="search_box">
      <el-card>
        <el-row :gutter="20">
          <el-col :span="6">
            <span>社团编号</span>
            <el-input v-model="clubSearchData.communityNumber" placeholder="请输入搜索社团编号"></el-input>
          </el-col>
          <el-col :span="6">
            <span>社团名称</span>
            <el-input v-model="clubSearchData.communityName" placeholder="请输入搜索社团名称"></el-input>
          </el-col>
          <el-col :span="6">
            <span>社团部长</span>
            <el-input v-model="clubSearchData.societyMinister" placeholder="请输入搜索社团部长"></el-input>
          </el-col>
          <el-col :span="6">
            <el-button type="primary" @click="handlerSearch">chuan</el-button>
            <el-button @click="handlerReset">重置</el-button>
          </el-col>
        </el-row>
      </el-card>
    </div>
  </div>
</template>
<style scoped>
.search_box {
  .el-col {
    display: flex;
    align-items: center;

    span {
      width: 120px;
      text-align: right;
      margin-right: 10px;
      text-wrap: nowrap;
    }
  }
}
</style>